<script>
/*
 * @Author: wzh 
 * @Date: 2020-12-18 01:09:48 
 * @Last Modified by: 1521620993@qq.com
 * @Last Modified time: 2020-12-18 01:21:18
 */
</script>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>05-溢出处理</title>
</head>
<body>
  <style>
    div{
      width: 200px;
      height: 200px;
      background-color: wheat;
      overflow: scroll;
      overflow-x: hidden;
    }
  </style>
  <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae sit pariatur assumenda quia, earum ea illo maiores nulla architecto id deleniti. Quae cupiditate illo ipsum quo vero sit dignissimos officia?Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore a vel praesentium dignissimos nobis quam cupiditate dolorem accusamus vero ratione, impedit expedita laudantium repellat incidunt commodi est illo exercitationem earum!</div>
  <style>
    h1 > a{
      background-image: url('02.jpg');
      width: 200px;
      height: 0px;
      display: inline-block;
      padding-top: 60px;
      /* border: 10px dashed blue; */
      background-repeat: no-repeat;
      overflow: hidden;
    }
  </style>
  <h1><a href="">网站LOGO</a></h1>
</body>
</html>